<!DOCTYPE html>

<html class="app-ui">

	<head>
		<!-- Meta -->
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

		<!-- Document title -->
		<title>万邦-云阅卷</title>

		<meta name="description" content="AppUI - Admin Dashboard Template & UI Framework" />
		<meta name="author" content="rustheme" />
		<meta name="robots" content="noindex, nofollow" />

		<!-- Favicons -->
		<link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
		<link rel="icon" href="assets/img/favicons/favicon.ico" />

		<!-- Google fonts -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,900%7CRoboto+Slab:300,400%7CRoboto+Mono:400" />

		<!-- Page JS Plugins CSS -->
		<link rel="stylesheet" href="assets/js/plugins/slick/slick.min.css" />
		<link rel="stylesheet" href="assets/js/plugins/slick/slick-theme.min.css" />

		<!-- AppUI CSS stylesheets -->
		<link rel="stylesheet" id="css-font-awesome" href="assets/css/font-awesome.css" />
		<link rel="stylesheet" id="css-ionicons" href="assets/css/ionicons.css" />
		<link rel="stylesheet" id="css-bootstrap" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" id="css-app" href="assets/css/app.css" />
		<link rel="stylesheet" id="css-app-custom" href="assets/css/app-custom.css" />
		<!-- End Stylesheets -->

	</head>
	<body class="app-ui layout-has-drawer layout-has-fixed-header">
		<div class="app-layout-canvas">
			<div class="app-layout-container">

				<!-- Drawer -->
				<aside class="app-layout-drawer">

					<!-- Drawer scroll area -->
					<div class="app-layout-drawer-scroll">
						<!-- Drawer logo -->
						<div id="logo" class="drawer-header">
							<a href="index.html">
								<h4 style=" text-align:center">云阅卷</h4>
							</a>
						</div>

						<!-- Drawer navigation -->
						<nav class="drawer-main">
							<ul class="nav nav-drawer">


								<li class="nav-item nav-drawer-header">菜单导航</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-calculator-outline"></i>考试管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examList.html">考试列表</a>
										</li>

										<li>
											<a href="createExam.html">创建考试</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-compose-outline"></i> 在线阅卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examSetting.html">阅卷设置</a>
										</li>

										<li>
											<a href="examPapers.html">我要阅卷</a>
										</li>

										<li>
											<a href="examProblemPapers.html">问题卷处理</a>
										</li>
										<li>
											<a href="examProgress.html">进度监控</a>
										</li>

										<li>
											<a href="examQuality.html">质量抽查</a>
										</li>

									</ul>
								</li>


								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-list-outline"></i> 成绩管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examReport.html">考试成绩单</a>
										</li>

										<li>
											<a href="examSubReport.html">单科试题得分表</a>
										</li>

										<li>
											<a href="gradeAnalyze.html">年纪成绩分析</a>
										</li>

										<li>
											<a href="classAnalyze.html">班级成绩分析</a>
										</li>

									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-browsers-outline"></i> 教师讲卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="scoreAndPapers.html">成绩与答卷</a>
										</li>

										<li>
											<a href="highScoreComposition.html">高分作文</a>
										</li>

										<li>
											<a href="topicScore.html">试题得分情况</a>
										</li>

										<li>
											<a href="subAnalyzeReport.html">学科分析报表</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-social-javascript-outline"></i> 用户中心</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="schoolManager.html">学校管理</a>
										</li>

										<li>
											<a href="subManager.html">学科管理</a>
										</li>

										<li>
											<a href="gradeManager.html">年级管理</a>
										</li>

										<li>
											<a href="gradeAndSubManager.html">年级与学科关系维护</a>
										</li>

										<li>
											<a href="teaManager.html">教师管理</a>
										</li>

										<li>
											<a href="classManager.html">班级管理</a>
										</li>

										<li>
											<a href="stuManager.html">学生管理</a>
										</li>

										<li>
											<a href="subAdnClassAnager.html">学科与班级关系维护</a>
										</li>
									</ul>
								</li>

							</ul>
						</nav>
						<!-- End drawer navigation -->

						<div class="drawer-footer">
							<p class="copyright">Copyright &copy; 2020.北京万邦易嵌科技有限公司.<a target="_blank" href="http://www.wanbangee.com">万邦易嵌</a></p>
						</div>
					</div>
					<!-- End drawer scroll area -->
				</aside>
				<!-- End drawer -->

				<!-- Header -->
				<header class="app-layout-header">
					<nav class="navbar navbar-default">
						<div class="container-fluid">
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse"
								 aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<button class="pull-left hidden-lg hidden-md navbar-toggle" type="button" data-toggle="layout" data-action="sidebar_toggle">
									<span class="sr-only">Toggle drawer</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<div class="collapse navbar-collapse" id="header-navbar-collapse">
								<!-- Header search form -->


								<ul id="main-menu" class="nav navbar-nav navbar-left">
									<li class="dropdown">
										<a href="#" data-toggle="dropdown" id="a_choiceExam">年级成绩分析 </a>
										<ul class="dropdown-menu" id="u_chioceExam">

										</ul>
									</li>

								</ul>
								<!-- .navbar-left -->

								<ul class="nav navbar-nav navbar-right navbar-toolbar hidden-sm hidden-xs">
									<li>
										<!-- Opens the modal found at the bottom of the page -->
										<a href="javascript:void(0)" data-toggle="modal" data-target="#apps-modal"><i class="ion-grid"></i></a>
									</li>

									<li class="dropdown">
										<a href="javascript:void(0)" data-toggle="dropdown"><i class="ion-ios-bell"></i> <span class="badge">3</span></a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">Profile</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News </a>
											</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages </a>
											</li>
											<li class="divider"></li>
											<li class="dropdown-header">More</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
											</li>
										</ul>
									</li>

									<li class="dropdown dropdown-profile">
										<a href="javascript:void(0)" data-toggle="dropdown">
											<span class="m-r-sm">John Doe <span class="caret"></span></span>
											<img class="img-avatar img-avatar-48" src="assets/img/avatars/avatar3.jpg" alt="User profile pic" />
										</a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">
												Pages
											</li>
											<li>
												<a href="base_pages_profile.html">Profile</a>
											</li>
											<li>
												<a href="base_pages_profile.html"><span class="badge badge-success pull-right">3</span> Blog</a>
											</li>
											<li>
												<a href="frontend_login_signup.html">Logout</a>
											</li>
										</ul>
									</li>
								</ul>
								<!-- .navbar-right -->
							</div>
						</div>
						<!-- .container-fluid -->
					</nav>
					<!-- .navbar-default -->
				</header>
				<!-- End header -->

				<main class="app-layout-content">

					<!-- Page Content -->
					<div class="container-fluid p-y-md" id="scoreDiv">


						<ul class="nav nav-tabs" id="u_navMenu">

						</ul>

						</table>
						<div class="col-sm-12">
							<div class="card" id="sample-card">
								<div class="card-header">
									<div id="d_showRemove">
										<h4 id="h_showH4">总平均分：<span id="showAllAvg" style="color:#FF693C;></span> </h4>
										<h4>满分：<span id="showAllScore">750</span>
										</h4>
									</div>
									
									<ul class="card-actions">
										<li class=".active">
											<span id="sn_examNM">三校联考</span>
											<!-- <button type="button" data-toggle="card-action" data-action="fullscreen_toggle"></button> -->
										</li>
										<li>
											<!--  <button type="button" data-toggle="card-action" data-action="content_toggle"></button> -->
											<span id="showClassNum"></span>
										</li>
										<li>
											<span id="showStuNum"></span>
										</li>
									</ul>
								</div>
								<div class="card-block">
									<h4 id="h_headAvg"></h4>
									<table class="table table-striped" id="t_showAvgScore">

									</table>
								</div>
							</div>
						</div>
					</div>
					<!-- .container-fluid -->
					<!-- new-fluid -->
					<h1 class="label label-info">各班情况</h1>
					<div class="row" id="d_showClassCase">


					</div>




					<!-- End Page Content -->

				</main>

			</div>
			<!-- .app-layout-container -->
		</div>
		<!-- .app-layout-canvas -->

		<!-- Apps Modal -->
		<!-- Opens from the button in the header -->
		<div id="apps-modal" class="modal fade" tabindex="-1" role="dialog">
			<div class="modal-sm modal-dialog modal-dialog-top">
				<div class="modal-content">
					<!-- Apps card -->
					<div class="card m-b-0">
						<div class="card-header bg-app bg-inverse">
							<h4>Apps</h4>
							<ul class="card-actions">
								<li>
									<button data-dismiss="modal" type="button"><i class="ion-close"></i></button>
								</li>
							</ul>
						</div>
						<div class="card-block">
							<div class="row text-center">
								<div class="col-xs-6">
									<a class="card card-block m-b-0 bg-app-secondary bg-inverse" href="index.html">
										<i class="ion-speedometer fa-4x"></i>
										<p>Admin</p>
									</a>
								</div>
								<div class="col-xs-6">
									<a class="card card-block m-b-0 bg-app-tertiary bg-inverse" href="frontend_home.html">
										<i class="ion-laptop fa-4x"></i>
										<p>Frontend</p>
									</a>
								</div>
							</div>
						</div>
						<!-- .card-block -->
					</div>
					<!-- End Apps card -->
				</div>
			</div>
		</div>
		<!-- End Apps Modal -->


		<div class="app-ui-mask-modal"></div>
		<!-- AppUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock and App.js -->
		<script src="assets/js/core/jquery.min.js"></script>
		<script src="assets/js/core/bootstrap.min.js"></script>
		<script src="assets/js/core/jquery.slimscroll.min.js"></script>
		<script src="assets/js/core/jquery.scrollLock.min.js"></script>
		<script src="assets/js/core/jquery.placeholder.min.js"></script>
		<script src="assets/js/app.js"></script>
		<script src="assets/js/app-custom.js"></script>

		<!-- Page Plugins -->
		<script src="assets/js/plugins/slick/slick.min.js"></script>
		<script src="assets/js/plugins/chartjs/Chart.min.js"></script>
		<script src="assets/js/plugins/flot/jquery.flot.min.js"></script>
		<script src="assets/js/plugins/flot/jquery.flot.pie.min.js"></script>
		<script src="assets/js/plugins/flot/jquery.flot.stack.min.js"></script>
		<script src="assets/js/plugins/flot/jquery.flot.resize.min.js"></script>


		<!-- <script src="assets/js/pages/index.js"></script> -->
		<script>
			$(function() {
				// Init page helpers (Slick Slider plugin)
				App.initHelpers('slick');

				queryStatistics();
				queryStatisticsSubScore();
				
				
				function queryStatistics() {
					var examIdStr = sessionStorage.getItem("examId");
					var examId = JSON.parse(examIdStr);	//转换为json对象
					var examNmStr = sessionStorage.getItem("examNm");
					var examNm = JSON.parse(examNmStr);	//转换为json对象
					$("#sn_examNM").html(examNm);
					var eId = examId; //考试id
					var subId = -1;
					//查询本场考试的所有学科
					$.get("http://localhost:6630/wanbangee/exam-statistic/subScore/selectSubByExamId", {
						examId: eId
					}, function(data) {
						var content = "";
						content += "<li class='active'><a href='gradeAnalyze.html'>全科</a></li>";

						for (var i = 0; i < data.mSubject.length; i++) {
							content += "<li><a  class='a_choiceSub' href='" + data.mSubject[i].subId + "'>";
							content += data.mSubject[i].subNm + "</a></li>";
						}
						$("#u_navMenu").html(content);
					})

					//查询总平均分/满分/年级/班级数/人数
					$.get(
						"http://localhost:6630/wanbangee/exam-statistic/gradeScoreAnalyze/selectTotalAvgFullScoreGradeNmClassNumStuNum", {
							examId: eId
						},
						function(data) {
							$("#showAllAvg").html(data.avgScore);
							$("#showAllScore").html(data.sumTopic);
							$("#showClassNum").html("班级人数：" + data.claNum);
							$("#showStuNum").html("学生人数：" + data.stuNum);
							$("#h_headAvg").html("各科平均分");
						})
					//查询各科平均分和总分
					$.get("http://localhost:6630/wanbangee/exam-statistic/gradeScoreAnalyze/selectSubAvgSum", {
						examId: eId
					}, function(data) {
						var content = "";
						content += "<thead><tr>";
						for (var i = 0; i < data.StatisticsSubReport.length; i++) {
							content += "<th>" + data.StatisticsSubReport[i].subNm + "</th>";
						}
						content += "</tr></thead><tbody>";
						for (var i = 0; i < data.StatisticsSubReport.length; i++) {
							content += "<td>" + data.StatisticsSubReport[i].avgTotal + "/" + data.StatisticsSubReport[i].sumTopic +
								"</td>";
						}
						content += "</tbody>";
						$("#t_showAvgScore").html(content);
					})
					//查询各班级名称/人数/评分均/班主任/最高分/最低分
					$.get("http://localhost:6630/wanbangee/exam-statistic/gradeScoreAnalyze/selectClassAnalyzeInfo", {
						examId: eId,
						subId: subId
					}, function(data) {
						var content = "";
						for (var i = 0; i < data.statisticsAverageRanking.length; i++) {
							content += "<div class='col-sm-6'>" +
								"<div class='card'>" +
								"<div class='card-header'>" +
								"<h4>" + data.statisticsAverageRanking[i].claNm + "</h4>" +
								"<ul class='card-actions'>" +
								"<li>" +
								"<span>" + data.statisticsAverageRanking[i].claNum + "人</span>" +
								"</li>" +
								"</ul>" +
								"</div>" +
								"<div class='card-header'>" +
								"<h1><b>" + data.statisticsAverageRanking[i].average + "</b></h1>" +
								"<ul class='card-actions'>" +
								"<li>" +
								"<span>班主任 " + data.statisticsAverageRanking[i].teaNm + "</span>" +
								"</li>" +
								"</ul>" +
								"</div>" +
								"<div class='card-header'>" +
								"<h4>最高分" + data.statisticsAverageRanking[i].maxScore + "</h4>" +
								"<ul class='card-actions'>" +
								"<li>" +
								"<span style='color:red;'>最低分" + data.statisticsAverageRanking[i].minScore + "</span>" +
								"</li>" +
								"</ul>" +
								"</div>" +
								"</div>" +
								"</div>";
						}
						$("#d_showClassCase").html(content);
					})

				}

				function queryStatisticsSubScore() {
					var sId;
					queyAvgTolSub();

					function queyAvgTolSub() {
						var eId = 1; //考试id
						var subId = -1;
						//根据选择的科目，进行科目成绩分析
						 $("#u_navMenu").delegate(".a_choiceSub", "click", function() {
								if (event && event.preventDefault) {   //取消click的默认行为
									event.preventDefault();
								} else {
									window.event.returnValue = false; //兼容ie
								}
								sId = $(this).attr("href");
								console.log(sId);
								//查询本场考试的所有学科
								$.get("http://localhost:6630/wanbangee/exam-statistic/subScore/selectSubByExamId", {
									examId: eId
								}, function(data) {
									var content = "";
									content += "<li><a href='gradeAnalyze.html'>全科</a></li>";
								
									for (var i = 0; i < data.mSubject.length; i++) {
										content += "<li><a  class='a_choiceSub' href='" + data.mSubject[i].subId + "'>";
										content += data.mSubject[i].subNm + "</a></li>";
										if(data.mSubject[i].subId == sId){
											  $(this).addClass("active");
										}
									}
									$("#u_navMenu").html(content);
								})
								//查询指定学科平均分和总分
								$.get("http://localhost:6630/wanbangee/exam-statistic/gradeScoreAnalyze/selectSubAvgSum", {
									examId: eId
								}, function(data) {
									var content = "";
									content += "<thead><tr>";
									for (var i = 0; i < data.StatisticsSubReport.length; i++) {
										if (data.StatisticsSubReport[i].subId == sId) {
											content += "<th>" + data.StatisticsSubReport[i].subNm + "</th>";
										}
									}
									content += "</tr></thead><tbody>";
									for (var i = 0; i < data.StatisticsSubReport.length; i++) {
										if (data.StatisticsSubReport[i].subId == sId) {
											content += "<td>" + data.StatisticsSubReport[i].avgTotal + "/" + data.StatisticsSubReport[i].sumTopic +
												"</td>";
										}
									}
									content += "</tbody>";
									$("#t_showAvgScore").html(content);
									$("#d_showRemove").remove();
								});
								
								//查询各班级名称/人数/评分均/班主任/最高分/最低分
								$.get("http://localhost:6630/wanbangee/exam-statistic/gradeScoreAnalyze/selectClassAnalyzeInfo", {
									examId: eId,
									subId: sId
								}, function(data) {
									var content = "";
									for (var i = 0; i < data.statisticsAverageRanking.length; i++) {
										content += "<div class='col-sm-6'>" +
											"<div class='card'>" +
											"<div class='card-header'>" +
											"<h4>" + data.statisticsAverageRanking[i].claNm + "</h4>" +
											"<ul class='card-actions'>" +
											"<li>" +
											"<span>" + data.statisticsAverageRanking[i].claNum + "人</span>" +
											"</li>" +
											"</ul>" +
											"</div>" +
											"<div class='card-header'>" +
											"<h1><b>" + data.statisticsAverageRanking[i].average + "</b></h1>" +
											"<ul class='card-actions'>" +
											"<li>" +
											"<span>班主任 " + data.statisticsAverageRanking[i].teaNm + "</span>" +
											"</li>" +
											"</ul>" +
											"</div>" +
											"<div class='card-header'>" +
											"<h4>最高分" + data.statisticsAverageRanking[i].maxScore + "</h4>" +
											"<ul class='card-actions'>" +
											"<li>" +
											"<span style='color:red;'>最低分" + data.statisticsAverageRanking[i].minScore + "</span>" +
											"</li>" +
											"</ul>" +
											"</div>" +
											"</div>" +
											"</div>";
									}
									$("#d_showClassCase").html(content);
								})
								
							

						}); 
				}
			}


			});
		</script>

	</body>

</html>
